---
title: Breadcrumbs
description: Breadcrumb components built with Tailwind CSS v4. These responsive navigation breadcrumbs help users track their location within websites and applications. Perfect for ecommerce, dashboards, and multi-level navigation. Customizable with dividers and icons, optimized for SEO and accessibility.
emoji: 🍞
wrapper: h-[200px]
container: p-6 flex justify-center
terms:
  - breadcrumb
  - navigation
  - link
components:
  - { title: 'Base', dark: true }
  - { title: 'Base with home icon', dark: true }
  - { title: 'Slash divider', dark: true, creator: mohdahsanrazakhan }
  - { title: 'Slash divider with home icon', dark: true, creator: mohdahsanrazakhan }
  - { title: 'Grouped with chevron divider', dark: true }
---

# Breadcrumb Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
